<template>
  <div class="column">
    <div class="boxTitle">
      残疾信息
    </div>
    <div class="jbxxbox">
   
      <div class="info">
        <div class="infoItem">
          <span class="label">残疾类别</span>
          <span class="text">听力残疾</span>
        </div>
        <div class="infoItem">
          <span class="label">残疾等级</span>
          <span class="text">四级</span>
        </div>
        <div class="infoItem">
          <span class="label">残疾人证件号</span>
          <span class="text">1949-04-11</span>
        </div>
        <div class="infoItem">
          <span class="label">登记日期</span>
          <span class="text">2021-7-19</span>
        </div>
       
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'canjixinxi',
  data () {
    return {
      // 
    }
  },
  mounted(){
    
  },
  methods:{

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .jbxxbox{
    display: flex;
    justify-content: space-between;
    padding:20px 0;
  }
  .face{
    width:180px;
    height:220px;
    border:1px solid #cdcdcd;
  }
  .jbxxbox .info{
    flex:1;
    padding-left:20px;
  }
   .jbxxbox  .infoItem{
     font-size:16px;
     padding-bottom:10px;
   }
</style>
